La cabecera de nuestro blog es como la entrada a nuestra casa, lo primero que vemos, nos da una pequeña idea sobre la temática del blog o el carácter de su autor.
En la cabecera del blog es donde ponemos el título, en la mayoría de casos acompañado de una imagen.
Las explicaciones aquí dadas son para la plantilla Minima de Blogger aunque también puede servir como referencia para otras plantillas, al menos para situarnos.
Y hablando de situarnos... vamos a poner un logo en nuestro blog, buscamos en la plantilla donde dice : <div id="header">
A continuación quitamos todo este código:
<h1 id="blog-title">
<ItemPage><a href="<$BlogURL$>"></ItemPage>
<$BlogTitle$>
<ItemPage></a></ItemPage>
</h1>
<p id="description"><$BlogDescription$></p>
Y en su lugar pondremos este otro:
<a href="laurldetublog">
<img src="urldelaimagenparatulogo" border="0"
height="170" width="700"/></a>
</div>
Este código hace que al mismo tiempo que ponemos la imagen del logo estamos añadiendo un enlace a nuestra propia página, es decir... la actualizamos
Los valores height y width se pueden adecuar para cambiar el tamaño (mirar en vista previa para ver los cambios)
Para centrar el logo poned <center> al principio y </center> al final del nuevo código.
El resultado es el que veis en Gem@ BLOG.
Los valores height y width se pueden adecuar para cambiar el tamaño (mirar en vista previa para ver los cambios)
Para centrar el logo poned <center> al principio y </center> al final del nuevo código.
El resultado es el que veis en Gem@ BLOG.
Bueno, Gem@, ya sabes lo negada que soy para todo esto, que tuviste que abrirme el blog... Me dá pánico entrar y cargarme lo que tengo. Lo único que he conseguido es cambiar la frasecita que se mueve. Quizá algún día haga un intento pa poner alguna cosita, pero es que miro las cosas y me parece que estoy en un terreno que no es el mío... jajaja. Yo creo que lo único que sé hacer es escribir, cuando me sale, claro... y hacer comentarios.
GRACIAS, POR TANTAS COSAS...
Un besito
Gema: Te he vuelto a enlazar por lo del logo.
Agregué mi experiencia pues fuiste tu la que me animaste a hacerlo. Ojalá ayude en algo.
Esta Gema sabe lo que dice, les prometo ;)
Gem@.... tu enseña mucho, pero todavía no me atrevo hacer muchos cambios
saludos
Hola Kuan ya sé que este blog no es lo que estamos acostumbrados a visitar, por eso agradezco tu entrada y esas líneas.
No eres negada Kuan, quizás no sea lo que más te guste, pero nadie es un negado. Llevas razón que lo tuyo es escribir, pero olvidaste algo... También lo es ayudar, soy yo la que te da las gracias por... TODO.
Namaste amiga.
Gracias ale: una vez más haces útil estas pequeñas colaboraciones mías en forma de post.
Claro que ayudas, al menos es el motivo de nuestro blog.
Gracias también a ti amiga.
S@lu2
Hola Alida, estábamos las dos escribiendo al mismo tiempo :)
Ya sabes que en lo que pueda ayudarte me tienes a tu disposición.
S@lu2 ¡
ummm entonces si ponemos right o left podemos poner el titulo a la derecha o a la izquierda ¿no?
Graciassssssssss que ando de obras y me has dado una idea.
Gracias a ti por comentar Mahaya.
Bienvenida :)
A ver consulta..
Estoy de cambios en la plantilla quiero poner una foto que ya esta elegida en la cabecera. Pero me gustaria que el titulo quedara no en el centro sino en un lado algo asi:
Palabras al
viento
Y abajo de la foto pudiera poner la descripcion, pero estoy dando vueltas y mas vueltas a la plantilla pero no consigo cuadrarlo
en el siguiente pedazo de codigo
body {
background:#fff;
background:url("http://photos1.blogger.com/blogger/978/2051/1600/viento3.jpg") no-repeat top center;
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
he puesto right en vez de center y si, queda un poco a la derecha pero muy poquito no de la forma que quiero.
Saludos Mahaya: Voy a mirar tu código fuente, así me ubico mejor en tu plantilla y te comento ;)
Mahaya: Se puede poner el texto alineado a la derecha, pero no con el tamaño que lo tienes puesto, es demasiado grande, hice una prueba con un texto más pequeño y queda más o menos así:
resultado
Creo entender que la descripción la quieres justo debajo de la imagen es así?
Yo te recomendaría que pusieras tu logo de manera que el título fuera en la misma imagen de esa forma puedes actualizar tu blog clicando en la imagen tal y como explico en este post, tu decides.
No funciona con Blogger beta. Una lástima. Gracias.
Hola Aitor bienvenido, si no funciona éste funcionará con otro código , he visto blogs beta con el logo bien situado.
Si no lo solucionas me comentas.
hola segui este tuto para poneruna imagen en la cabecera pero no pude no tiene ese codigo me podrias ayudar a como poner la imagen donde dice METAL MINOS
SALUDOS
ya no es necesario ya lo arregle gracias .. buen blog
A eso le llamo yo rapidez Metal Minos :)
hola Gem@ referente a lo de la imagen es un drama pero encontre un tutorial.. genialen video cuesta verlo pero funciona.
http://www.youtube.com/watch?v=r-FopTT6sSc
hay esta...
el unico drama que ahora nose centrar la imagen.. en fin en eso estoy...
salu2
Ricardo
Claro que no es un drama, intenta arrastrando la etiqueta, si ya lo hiciste entonces es debido al tamaño de la imagen, clica donde dice:¿Reducir hasta ajustar?
Espero sea eso :)
Hola Gem@:
No puedo encontrar el codigo al q t refieres en la plantilla y eso q expando la plantilla de los artilugios pero nada. Lo mas parecido q encuentro es esto:
< div id='header-wrapper' >
< b:section class='header' id='header' maxwidgets='1' showaddelement='no' >
< b:widget id='Header1' locked='true' title='. : Teccienigmatta : . (cabecera)' type='Header' >
< b:includable id='main' >
< div class='titlewrapper' >
< h1 class='title' >
< b:if cond='data:blog.url == data:blog.homepageUrl' >
< data:title/ >
< b:else/ >
< a expr:href='data:blog.homepageUrl'>< data:title/ >< /a >
< /b:if >
< /h1 >
< /div >
Toy mas liao que la pata de un romano y ad+ cagáo pq no m atrevo a tocar nada no sea q matemos el blog.
Espero que puedas ayudarme.
Un saludo,
JmpaSrgc
http://teccienigmatta.blogspot.com
http://eculinariae.blogspot.com
Saludos JmpaSrgc esas instrucciones son para las plantilla antigua de Blogger, la tuya es de la nuevas, llamadas también Blogger beta :(
Prueba como dice aquí:
Poner una imagen en la cabecera eliminando el título y los bordes
Suerte¡
Hola Gem@:
Acabo de darme cuenta que ya se puede poner una imagen en la cabecera de nuestro blog sin tener que "tocar" los codigos de nuestra plantilla. Blogger ha incluido esa opcion en "Plantilla/Elementos de pagina" en el elemento "Cabecera".
Ya era hora de que se acordaran de los que, como yo, empezamos en esto sin tener idea de html.
Un saludo,
JmpaSrgc
Pues si JmpaSrgc, pero no lo veo muy útil, no actualiza la página.
Io no se como ponerle un link a mi imagen de mi head, se q es un proceso sencillo pero mi template es K2 y es yuca no se como hacerlo...pli aydame
Saludos Revista Butaca si tu plantilla es de las clásicas este código es válido si por el contrario es beta puedes encontrar la solución aquí:
http://gemablog-.blogspot.com/2007/01/imagen-logo-que-actualiza-la-pgina.html
Gema, por fin cambie la cabecera de mi blog, pero el titulo no me salio entonces lo tuve que hacer medio manual, y lo que trata mi blog lo puse debajo de la cabecera
Con esta explicación jejeje
Un abrazo
Hola Alida, he visto los cambios has eliminado las imágenes como hace tiempo te dije. También puedes probar en:
/* Header
------------- */
@media all {
#header {
a sustituir
padding:15px 0 10px 110px;
por...
margin: 0px 0px 0px 0px;
Rso podría centrar el logo un poco, mira en vista previa antes de guardar nada ;)
Muchas gracias, mas tarde lo hago hoy tengo cositas por hacer en la calle
Un abrazo
Suerte Alida :)
Gema yo quería poner una imagen en la cabecera de forma alargada debajo del título de mi blog o encima, y debajo de la imagen el texto de la presentación, es decir, ¿se puede poner la imagen sin borrar nada, sin borrar el título y el texto???
msn:patronus-arcanus@hotmail.com
por favor agrégame y me lo explicas
mi plantilla es minimal black pero mi blog es del blogger antiguo no del beta
Hola Patronus suelo contestar en los mismos comentarios porque de esa forma la respuesta puede ser útil para alguien que tenga tu misma duda, o si lo requiere también vía email.
La solución a tu pregunta es la siguiente:
Sitúate en tu plantilla en:
/* Header
------------------- */
@media all {
#header {
background:url('aquí la url de la imagen');
Y añade lo que está en negrita, donde dice aquí la url de la imagen debes poner la url del logo que previamente habrás subido a un servidor, luego mira en vista previa.
Con esto consigues dejar todo como está pero con una imagen de fondo.
Recuerda que la plantilla Minima mide de cabecera width:660px; para que quede bien centrada deberá tener la misma medida tu imagen.
Hola Gem@.
Otra vez molestando a altas horas. Donde consigo hacer un lindo header como el tuyo?. No me digas que el photshop?. :(
Hola Birdelo, si fuera otra cosa te diría ¡yo te lo hago! pero tratándose de un logo lo único que podría ofrecerte es algo de una imagen con texto a modo de logo.
El que yo tengo fue un regalo de Doxs templates, la autora de la página de plantillas Doxs templates.
Yo lo veo precioso, fue un lindo detalle y le estoy muy agradecida.
¿Has probado con el programa que usa Pizcos? dice que es muy sencillo.
Pregúntale verás como te orienta es todo un maestro en diseños :)
Nota: solo los miembros de este blog pueden publicar comentarios.